:root {
    --primary-color: #7C3AED;
    --secondary-color: #4F46E5;
    --background-dark: #1F2937;
    --background-light: #F9FAFB;
    --text-dark: #111827;
    --text-light: #F9FAFB;
}

/* 深色模式 */
[data-bs-theme="dark"] {
    --bs-body-bg: var(--background-dark);
    --bs-body-color: var(--text-light);
}

/* 光亮模式 */
[data-bs-theme="light"] {
    --bs-body-bg: var(--background-light);
    --bs-body-color: var(--text-dark);
}

/* 全局样式 */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    transition: background-color 0.3s ease;
}

/* 卡片样式 */
.card {
    border: none;
    border-radius: 1rem;
    transition: transform 0.2s ease;
}

.card:hover {
    transform: translateY(-5px);
}

/* 按钮样式 */
.btn-primary {
    background-color: var(--primary-color);
    border: none;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    transition: all 0.2s ease;
}

.btn-primary:hover {
    background-color: var(--secondary-color);
    transform: translateY(-2px);
}

/* 像素风格边框 */
.pixel-border {
    border: 2px solid;
    border-image-slice: 2;
    border-image-width: 2;
    border-image-outset: 0;
    border-image-source: url("data:image/svg+xml,..."); /* 后续添加像素边框图案 */
} 

/* 主题切换按钮样式 */
#themeToggle {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

#themeToggle:hover {
    transform: rotate(15deg);
}

#themeToggle i {
    font-size: 1.2rem;
}

/* 导航栏链接hover效果 */
.nav-link {
    transition: all 0.2s ease;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}

.nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* 导航栏图标样式 */
.nav-link i {
    margin-right: 0.5rem;
} 